<!-- 
    @author:张润泽
    @Date:2022-04-20
 -->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
    <script src="../js/jquery-3.6.0.js"></script>
    <link rel="shortcut icon" href="../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../fonts/font_3338310_o0ggw2oq8mm/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../fonts/font_t9lx61nfif/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_0udkeoxccmi/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_5fjkirtdler/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_1eg6hhy0f66/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_rhj0b91xga/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_ihdmwz7wimq/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_k048tj6y0x/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_ktjznk88kw/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_19tr2764u7a/iconfont.css">
    <link rel="stylesheet" href="../fonts/font_u68198zf2wm/iconfont.css">
</head>

<body>
    <div class="header">
        <!-- 左边的大商创logo图 -->
        <!-- 头部左边的部分 -->
        <div class="logo">
            <a href="./index.html">
                <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif">
            </a>
        </div>

        <!-- 头部右边的部分 -->
        <!-- 从左边的郑州市到右边的我的购物的 -->
        <div class="header_right">
            <!-- 郑州市那一行的导航栏  -->
            <div class="nav_site">
                <!-- 左边的郑州市 -->
                <div class="nav_left">
                    <!-- 郑州市地图导航 -->
                    <div class="city_choice">
                        <i class="iconfont icon-ditu-dibiao"></i>
                        <span>郑州市</span>

                        <!-- 最难的地图 -->

                        <div class="map">

                            <div class="white_cover3"></div>



                            <div class="city_map">
                                <a href="#" class="block_a">苏州市</a>
                                <a href="#" class="block_a">北京市</a>
                                <a href="#" class="block_a">天津市</a>
                                <a href="#" class="block_a">上海市</a>
                            </div>
                            <div class="english_words">
                                <a href="#">A</a>
                                <a href="#">B</a>
                                <a href="#">C</a>
                                <a href="#">D</a>
                                <a href="#">E</a>
                                <a href="#">F</a>
                                <a href="#">G</a>
                                <a href="#">H</a>
                                <a href="#">I</a>
                                <a href="#">J</a>
                                <a href="#">K</a>
                                <a href="#">L</a>
                                <a href="#">M</a>
                                <a href="#">N</a>
                                <a href="#">O</a>
                                <a href="#">P</a>
                                <a href="#">Q</a>
                                <a href="#">R</a>
                                <a href="#">S</a>
                                <a href="#">T</a>
                                <a href="#">U</a>
                                <a href="#">V</a>
                                <a href="#">W</a>
                                <a href="#">X</a>
                                <a href="#">Y</a>
                                <a href="#">Z</a>
                            </div>
                            <!-- 市区选择 -->
                            <ul class="downtown_choice">
                                <li class="list">
                                    <em>A</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>B</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>C</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>D</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>E</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>F</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>G</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>H</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>I</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>J</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>K</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>L</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>M</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>N</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>O</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>P</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>Q</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>R</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>S</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>T</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>U</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>V</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>W</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>X</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>Y</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                                <li class="list">
                                    <em>Z</em>
                                    <div class="downtown">
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                        <a href="#">美国市</a>
                                    </div>
                                </li>
                            </ul>
                        </div>





                    </div>
                    <!-- 登录注册页面 -->
                    <div class="txt_info" style="width: 115px; line-height: 29px;position: relative; font-size:12px;">
                        <!-- 登录界面 -->
                        <a href="./login.html" class="login_red">请登录</a>
                        <!-- 注册页面 -->
                        <a href="./register.html" class="regist">免费注册</a>
                        <span style="display:none">欢迎， 1raOit-77035</span>
                        <a href="javascript:;" class="out" style="display:none;position:absolute; top: 0px;left: 135px; display: block; width: 60px;">退出</a>
                    </div>
                </div>
                <!-- 导航栏的我的订单那一行 我的订单 我的浏览等 -->
                <ul class="nav_right">
                    <li>
                        <a href="./my order.html">
                            我的订单
                        </a>
                    </li>
                    <!-- 这给是中间的竖线 -->
                    <li class="spacer"></li>
                    <li>
                        <a href="#">
                            我的浏览
                        </a>
                    </li>
                    <li class="spacer" id="spacer2"></li>
                    <li>
                        <a href="./shoucang.html">
                            我的收藏
                        </a>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="./order.html">
                            客户服务
                        </a>
                    </li>
                    <li class="spacer"></li>
                    <!-- 网站导航 -->
                    <li id="last_right_li">网站导航
                        <i class="iconfont icon-arrow-down"></i>
                        <!-- 网站导航下的耳机导航 -->
                        <div class="website_nav">

                            <div class="white_cover1"></div>
                            <dl>
                                <dt>
                                    特色主题
                                </dt>
                                <dd>
                                    <a href="#">家用电器</a>
                                    <a href="#">男装女装</a>
                                    <a href="#">鞋靴箱包</a>
                                </dd>
                            </dl>
                            <div id="promotion">
                                <h3>促销活动</h3>
                                <div class="promotion_act">
                                    <ul>
                                        <li>
                                            <a href="#">拍卖活动</a>
                                        </li>
                                        <li>
                                            <a href="#">CMS促销</a>
                                        </li>
                                        <li>
                                            <a href="#">优惠券</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="#">拍卖活动</a>
                                        </li>
                                        <li>
                                            <a href="#">CMS促销</a>
                                        </li>
                                        <li>
                                            <a href="#">优惠券</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="#">拍卖活动</a>
                                        </li>
                                        <li>
                                            <a href="#">CMS促销</a>
                                        </li>
                                        <li>
                                            <a href="#">优惠券</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 商品搜索框部分  搜商品 搜店铺 -->
            <div class="shop_search">
                <form action="" method="get">
                    <input type="text" placeholder="周大福" class="search_inp">
                    <button class="search_shop">搜商品</button>
                    <button class="search_store">搜店铺</button>
                </form>
                <span>
                    <a href="#">周大福</a>
                    <a href="#">内衣</a>
                    <a href="#">Five Plus</a>
                    <a href="#">手机</a>
                </span>
            </div>
            <!-- 我的购物车 -->
            <div class="shop_car">
                <!-- 购物车链接   点击跳转-->
                <a href="./cart.html" class="car_click">
                    <i class="zi1 iconfont icon-gouwuche"></i>
                    <span>我的购物车</span>
                    <div class="o">0</div>
                </a>
                <div class="shop_car_top">
                    <!-- 没商品时 -->
                    <div class="shop_car_content">
                        <div class="buy_left">
                            <img src="../images/index/cart-nogoods.png" alt="">
                        </div>
                        <div class="buy_right">
                            <strong>购物车中还没有商品，赶紧选购吧！</strong>
                        </div>
                        <!-- <div class="buy_list">
                            <img src="../images/index/0_thumb_G_1490173663577.jpg" width="50px" height="50px" alt="">
                            <p>我时商品标题啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                            <div>
                                <span>数</span>
                                <i>-</i>
                                <i>+</i>
                            </div>
                            <h5>1199</h5>
                        </div>
                        <div class="buy_list">
                                <img src="../images/index/0_thumb_G_1490173663577.jpg" width="50px" height="50px" alt="">
                                <p>我时商品标题啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                                <div>
                                    <span>数</span>
                                    <i>-</i>
                                    <i>+</i>
                                </div>
                                <h5>1199</h5>
                            </div>
                            <div class="buy_list">
                                    <img src="../images/index/0_thumb_G_1490173663577.jpg" width="50px" height="50px" alt="">
                                    <p>我时商品标题啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                                    <div>
                                        <span>数</span>
                                        <i>-</i>
                                        <i>+</i>
                                    </div>
                                    <h5>1199</h5>
                                </div> -->
                    </div>
                    <!-- 白线盖住下边框 -->
                    <div class="white_cover"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <!-- 红色全部商品分类 -->
        <div class="all_shop">
            <a href="#" class="a_white">全部商品分类</a>

            <!-- 家用电器的·二级导航 -->
            <div class="tab_content">
                <div class="categorys_item">
                    <i class="iconfont icon-dianshiji"></i>
                    <div class="category_title">
                        <a href="#">家用电器</a><br>
                        <span>
                            <a href="#">厨房电器</a>
                            <a href="#">大家电</a>
                        </span>
                    </div>
                    <!-- 二级导航 -->
                    <div class="shop_layer" id="shop_layer2">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">品牌日</a>
                            <a href="#" class="category_php">家电城</a>
                            <a href="#" class="category_php">智能生活管</a>
                            <a href="#" class="category_php">京东净化官</a>
                            <a href="#" class="category_php">京东帮服务站</a>
                            <a href="#" class="category_php">者的买精选</a>
                            <dl>
                                <dt>
                                    <a href="#">厨房电器</a>
                                </dt>
                                <dd>
                                    <a href="#">电饭煲</a>
                                    <a href="#">电压力锅</a>
                                    <a href="#">豆浆机</a>
                                    <a href="#">面包机</a>
                                    <a href="#">咖啡机</a>
                                    <a href="#">微波炉</a>
                                    <a href="#">料理/榨汁机</a>
                                    <a href="#">电烤箱</a>
                                    <a href="#">电磁炉</a>


                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">大家电</a>
                                </dt>
                                <dd>
                                    <a href="#">平板电视</a>
                                    <a href="#">空调</a>
                                    <a href="#">冰箱</a>
                                    <a href="#">洗衣机</a>
                                    <a href="#">家庭影院</a>
                                    <a href="#">DVD</a>
                                    <a href="#">迷你音响</a>
                                    <a href="#">热水器</a>
                                    <a href="#">冰柜</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">个护健康</a>
                                </dt>
                                <dd>
                                    <a href="#">按摩椅</a>
                                    <a href="#">剃须刀</a>
                                    <a href="#">脱毛器</a>
                                    <a href="#">口腔护理</a>
                                    <a href="#">理发器</a>
                                    <a href="#">按摩器</a>
                                    <a href="#">足浴盆</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">五金家装</a>
                                </dt>
                                <dd>
                                    <a href="#">电动工具</a>
                                    <a href="#">仪表</a>
                                    <a href="#">水槽</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">生活电器</a>
                                </dt>
                                <dd>
                                    <a href="#">电风扇</a>
                                    <a href="#">冷风扇</a>
                                    <a href="#">净化器</a>
                                    <a href="#">加湿器</a>
                                    <a href="#">扫地机器人</a>
                                    <a href="#">吸尘器</a>
                                    <a href="#">电话机</a>
                                    <a href="#">饮水机</a>
                                    <a href="#">取暖电器</a>

                                </dd>
                            </dl>

                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <img src="../images/index/a2.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>


                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-clothes"></i>
                    <div class="category_title">
                        <a href="#">男装、女装、内衣</a><br>
                        <span>
                            <a href="#">女装</a>
                            &nbsp;
                            <a href="#">男装</a>
                        </span>
                    </div>

                    <div class="shop_layer" id="shop_layer2">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">男装</a>
                            <a href="#" class="category_php">女装</a>
                            <a href="#" class="category_php">内衣</a>
                            <a href="#" class="category_php">国际品牌</a>

                            <dl>
                                <dt>
                                    <a href="#">女装</a>
                                </dt>
                                <dd>
                                    <a href="#">连衣裙</a>
                                    <a href="#">雷斯/雪纺衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">休闲裤/</a>
                                    <a href="#">短裤</a>
                                    <a href="#">小西服/</a>
                                    <a href="#">风衣</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">男装</a>
                                </dt>
                                <dd>
                                    <a href="#">T恤</a>
                                    <a href="#">裤子</a>
                                    <a href="#">休闲裤</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">服装配件</a>
                                </dt>
                                <dd>
                                    <a href="#">配饰</a>
                                    <a href="#">棒球棒</a>
                                    <a href="#">遮阳帽</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">内衣</a>
                                </dt>
                                <dd>
                                    <a href="#">内衣配饰</a>
                                    <a href="#">女士内裤</a>
                                    <a href="#">连体袜/丝袜</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">运动户外</a>
                                </dt>
                                <dd>
                                    <a href="#">跑步运动</a>
                                    <a href="#">舞蹈运动</a>
                                    <a href="#">瑜伽运动</a>

                                </dd>
                            </dl>

                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/l7.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/l8.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/l8.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/l9.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/l7.jpg" width="98px" height="43px">
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <img src="../images/index/l9.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-tubiao_xiezi"></i>
                    <div class="category_title">
                        <a href="#">
                            鞋靴、箱包、钟表、奢侈品</a><br>
                        <span>
                            <a href="#">奢饰品</a>
                            <a href="#">功能箱包</a>
                        </span>
                    </div>



                    <div class="shop_layer" id="shop_layer2">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">男鞋</a>
                            <a href="#" class="category_php">女鞋</a>
                            <a href="#" class="category_php">箱包</a>
                            <a href="#" class="category_php">中标</a>
                            <a href="#" class="category_php">奢饰品</a>
                            <a href="#" class="category_php">女包</a>
                            <dl>
                                <dt>
                                    <a href="#">奢饰品</a>
                                </dt>
                                <dd>
                                    <a href="#">箱包</a>
                                    <a href="#">服饰</a>
                                    <a href="#">腰带</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">功能箱包</a>
                                </dt>
                                <dd>
                                    <a href="#">拉杆箱/拉杆包</a>
                                    <a href="#">旅行包</a>
                                    <a href="#">旅行配件</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">流行男鞋</a>
                                </dt>
                                <dd>
                                    <a href="#">休闲鞋</a>
                                    <a href="#">增高鞋</a>
                                    <a href="#">定制鞋</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">时尚女鞋</a>
                                </dt>
                                <dd>
                                    <a href="#">高跟鞋</a>
                                    <a href="#">板鞋</a>
                                    <a href="#">单鞋</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">潮流女包</a>
                                </dt>
                                <dd>
                                    <a href="#">手提包</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">精品男包</a>
                                </dt>
                                <dd>
                                    <a href="#">钱包/卡包</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <img src="../images/index/a2.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>


                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-zhaoxiangji"></i>
                    <div class="category_title">
                        <a href="#">手机</a>
                        <a href="#">数码</a>
                        <a href="#">通信</a>
                        <br>
                        <span>
                            <a href="#">摄影摄像</a>
                            <a href="#">手机通讯</a>
                        </span>
                    </div>



                    <div class="shop_layer">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">手机频道</a>
                            <a href="#" class="category_php">网上营业厅</a>
                            <a href="#" class="category_php">配件成</a>
                            <a href="#" class="category_php">影像Club</a>
                            <a href="#" class="category_php">手机社区</a>
                            <a href="#" class="category_php">已旧换新</a>
                            <dl>
                                <dt>
                                    <a href="#">摄影摄像</a>
                                </dt>
                                <dd>
                                    <a href="#">数码相机</a>
                                    <a href="#">单反相机</a>
                                    <a href="#">运动相机</a>
                                    <a href="#">摄像机</a>
                                    <a href="#">摄影器材</a>
                                    <a href="#">台式机</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">手机通讯</a>
                                </dt>
                                <dd>
                                    <a href="#">手机</a>
                                    <a href="#">对讲机</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">手机配件</a>
                                </dt>
                                <dd>
                                    <a href="#">蓝牙耳机</a>
                                    <a href="#">保护套</a>
                                    <a href="#">车载</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/c9.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-diannao"></i>
                    <div class="category_title">
                        <a href="#">
                            电脑、办公</a><br>
                        <span>
                            <a href="#">电脑整机</a>
                            <a href="#">电脑配件</a>
                        </span>
                    </div>


                    <div class="shop_layer">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">本周热卖</a>
                            <a href="#" class="category_php">游戏部落</a>
                            <a href="#" class="category_php">智能社区</a>
                            <a href="#" class="category_php">GAME+</a>
                            <a href="#" class="category_php">装机大师</a>
                            <a href="#" class="category_php">办公生活管</a>
                            <dl>
                                <dt>
                                    <a href="#">电脑整机</a>
                                </dt>
                                <dd>
                                    <a href="#">笔记本</a>
                                    <a href="#">超极本</a>
                                    <a href="#">游戏本</a>
                                    <a href="#">平板电脑</a>
                                    <a href="#">平板电脑配件</a>
                                    <a href="#">台式机</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">电脑配件</a>
                                </dt>
                                <dd>
                                    <a href="#">硬盘</a>
                                    <a href="#">机箱</a>
                                    <a href="#">显示器</a>
                                    <a href="#">组装电脑</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/113_P_1598898512975.png" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/a2.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-chuang"></i>
                    <div class="category_title">
                        <a href="#">家居、家具、家装、厨具</a><br>
                        <span>
                            <a href="#">家具</a>
                            <a href="#">厨具</a>
                        </span>
                    </div>


                    <div class="shop_layer">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">家装城</a>
                            <a href="#" class="category_php">居家日用</a>
                            <a href="#" class="category_php">精品家居</a>
                            <a href="#" class="category_php">家装建材</a>
                            <a href="#" class="category_php">厨房设备</a>
                            <a href="#" class="category_php">猫猫狗狗</a>
                            <dl>
                                <dt>
                                    <a href="#">家具</a>
                                </dt>
                                <dd>
                                    <a href="#">卧室家具</a>
                                    <a href="#">客厅家具</a>
                                    <a href="#">书房家具</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">厨具</a>
                                </dt>
                                <dd>
                                    <a href="#">烹饪锅具</a>
                                    <a href="#">刀剑菜板</a>
                                    <a href="#">厨房配件</a>
                                    <a href="#">餐具</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">家纺</a>
                                </dt>
                                <dd>
                                    <a href="#">床品套件</a>
                                    <a href="#">被子</a>
                                    <a href="#">床单被罩</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">生活用品</a>
                                </dt>
                                <dd>
                                    <a href="#">浴室用品</a>
                                    <a href="#">缝纫/针织用品</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic1.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic3.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic4.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic5.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic6.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic7.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic2.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/pic8.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
                <div class="categorys_item">
                    <i class="iconfont icon-hufupin"></i>
                    <div class="category_title">
                        <a href="#">个人化妆、清洁用品</a><br>
                        <span>
                            <a href="#">面部护肤</a>
                            <a href="#">洗发护发</a>
                        </span>
                    </div>

                    <div class="shop_layer">
                        <div class="shop_layer_left">
                            <a href="#" class="category_php">清洁用品</a>
                            <a href="#" class="category_php">美妆商城</a>
                            <a href="#" class="category_php">官方旗舰店</a>
                            <a href="#" class="category_php">美妆特卖</a>
                            <a href="#" class="category_php">妆比社</a>
                            <a href="#" class="category_php">全球购美妆</a>
                            <dl>
                                <dt>
                                    <a href="#">面部护肤</a>
                                </dt>
                                <dd>
                                    <a href="#">清洁</a>
                                    <a href="#">洗面奶</a>
                                    <a href="#">卸妆水</a>
                                    <a href="#">爽肤水</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">洗发护发</a>
                                </dt>
                                <dd>
                                    <a href="#">洗发</a>
                                    <a href="#">染发</a>
                                    <a href="#">造型</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="#">香水彩妆</a>
                                </dt>
                                <dd>
                                    <a href="#">底妆</a>
                                    <a href="#">腮红</a>
                                    <a href="#">眼部</a>
                                    <a href="#">彩妆套装</a>
                                    <a href="#">双眼皮贴</a>
                                    <a href="#">气垫BB</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="shop_layer_right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490072677495061584.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490072685002270742.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490072931218635674.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490073240845049320.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490073930435480283.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490073930435480283.jpg" width="98px" height="43px">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/index/1490847656340816332.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!-- 首页 个护美妆  服装城等-->
        <ul class="nav_main">
            <li>
                <a href="./index.html" id="a_red">首页</a>
            </li>
            <li> <a href="./cosmetics.html">个护美妆</a>
            </li>
            <li>
                <a href="./clothing.html">服装城</a>
            </li>
            <li>
                <a href="./household.html">家用电器</a>
            </li>
            <li>
                <a href="./shoes.html">鞋靴箱包</a>
            </li>
            <li>
                <a href="./cost.html">聚划算</a>
            </li>
            <li>
                <a href="./sale.html">预售</a>
            </li>
            <li>
                <a href="./shop.html">店铺街</a>
            </li>
            <li>
                <a href="./brand.html">品牌专区</a>
            </li>
            <li>
                <a href="./notice.html">公告</a>
            </li>
        </ul>
    </div>

    <div class="content w1200">
        <div class="view lc w1200">
            <div class="banner">
                <div class="swiper-container mySwiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="../images/index/113_P_1610499541858.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../images/index/113_P_1598898629972.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../images/index/113_P_1598898639675.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../images/index/113_P_1598898663252.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="../images/index/113_P_1598898669760.jpg" alt=""></div>
                    </div>
                </div>
            </div>
            <div class="insert_vip">
                <div class="user_info">
                    <a href="javascript:;">
                        <img src="../images/index/avatar.png" alt="" width="80px" class="toux">
                    </a>
                    <div class="login_info">
                        <span class="nl">Hi，欢迎来到大商创!</span>
                        <a href="./login.html" class="login nl">请登录</a>
                        <a href="javascript:;" class="zhuce nl">我要开店</a>
                        <span class="lyes">Hi， 1raOit-77035</span>
                        <span class="gologin lyes">进入会员中心</span>
                    </div>
                </div>
                <div class="vip_item">
                    <div class="vip_tit">
                        <a href="javascript:;" class="vip_on">公告</a>
                        <a href="javascript:;">促销</a>
                    </div>
                    <div class="vip_con">
                        <ul>
                            <li>
                                <a href="javascript:;"> 服务店突破2000多家</a></li>
                            <li>
                                <a href="javascript:;"> 我们成为中国最大家电零售B2B2C系统</a></li>
                            <li>
                                <a href="javascript:;"> 三大国际腕表品牌签约</a></li>
                        </ul>
                        <ul style="display:none;">
                            <li>
                                <a href="javascript:;"> 春季家装季，家电买一送一</a></li>
                            <li>
                                <a href="javascript:;"> 抢百元优惠券，享4.22%活期</a></li>
                            <li>
                                <a href="javascript:;"> Macbook最高返50000消费豆！</a></li>
                        </ul>
                    </div>
                </div>
                <div class="vip_item2">
                    <div class="vip_tit">快捷入口</div>
                    <div class="vip_list">
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l1.png" width="32px" alt="">
                                <p>我的预览</p>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l2.png" width="32px" alt="">
                                <p>我的收藏</p>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l3.png" width="32px" alt="">
                                <p>我的订单</p>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l4.png" width="32px" alt="">
                                <p>账号安全</p>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l5.png" width="32px" alt="">
                                <p>我的分享</p>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="../images/index/l6.png" width="32px" alt="">
                                <p>商家入驻</p>
                            </a>
                        </div>


                    </div>
                </div>
            </div>
        </div>
        <div class="index_festival lc w1200">
            <ul>
                <li class="index_top">
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598902810494.png" alt="">
                    </a>
                </li>
                <li class="index_bot">
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598898533444.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598898527706.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598898523853.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598898512975.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="../images/index/113_P_1598898497142.png" alt="">
                    </a>

                </li>
            </ul>
        </div>
        <div class="visual-item lc w1200">
            <div class="item_top">
                <h3>好货大聚集</h3>
                <div class="tit">周年庆第一波，每天5场限时秒杀</div>
                <div>
                    <a href="javascript:;" class="no_unl">
                        更多周年好货
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </div>
            </div>
            <div class="item_bot">
                <div class="item_wrap">
                    <a class="prev">
                        <i class="iconfont icon-xiangzuojiantou"></i>
                    </a>
                    <ul>
                    </ul>
                    <a class="next">
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="view2 lc w1200">
            <div class="view_banner">
                <div class="view_warper">
                    <div class="warper_top mt10">
                        <a href="javascript:;">
                            <img src="../images/index/1.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/2.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/3.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/4.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/5.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/6.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/7.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/8.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/9.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/10.jpg" alt="">
                        </a>
                    </div>
                    <div class="warper_bot ">
                        <a href="javascript:;">
                            <img src="../images/index/b1.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/b2.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/b3.jpg" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../images/index/b4.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="module_wrapper lc cb w1200">
            <div class="moule_item">
                <div class="item_tit">
                    <h5>发现好货</h5>
                    <a href="javascript:;" class="no_unl">更多好货
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </div>
                <ul>
                    <li class="first">
                        <a href="javascript:;">
                            <div class="p_img">
                                <img src="../images/index/1515953437520193959.jpg" alt="" width="160px">
                            </div>
                            <div class="p_name">
                                阿迪达斯三叶草
                            </div>
                            <div class="p_desc">
                                也许是每一款经典系列都应该有一个独特的故事吧
                            </div>
                            <a href="javascript:;" class="p_btn">
                                点击查看
                            </a>
                        </a>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h1.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">360行车记录</div>
                            <div class="p_desc">夜视 监控 电子狗 蓝牙</div>
                        </div>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h2.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">攀升兄弟</div>
                            <div class="p_desc">I7独显主机 </div>
                        </div>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h3.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">OPPO R11</div>
                            <div class="p_desc">新品热力红 30天免息</div>
                        </div>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h4.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">三星55吋</div>
                            <div class="p_desc">4K处理器流畅不卡顿</div>
                        </div>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h5.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">华为智能腕表
                            </div>
                            <div class="p_desc">防水蓝宝石玻璃镜面</div>
                        </div>
                    </li>
                    <li>
                        <div class="p_img">

                            <a href="javascript:;">
                                <img src="../images/index/h6.jpg" alt="" width="80px">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">海尔对开门
                            </div>
                            <div class="p_desc">风冷无霜 低温净味</div>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="moule_item">
                <div class="item_tit" style="background:#a25684;">
                    <h5>特色推荐</h5>
                    <a href="javascript:;" class="no_unl">更多特色推荐
                        <i class="iconfont icon-xiangyou"></i>
                    </a>
                </div>
                <div class="item_cont">
                    <div class="item_child">
                        <div class="child_tit">
                            <a href="javascript:;">
                                <i>
                                    好心情喝出来
                                </i>
                                遇见懂你的饮品
                            </a>
                        </div>
                        <div class="p_img mt10">
                            <img width="220px" src="../images/index/g1.jpg" alt="">
                        </div>
                    </div>
                    <div class="item_child">
                        <div class="child_tit">
                            <a href="javascript:;">
                                <i>
                                    只因有爱
                                </i>
                                用心呵护您和家人的健康
                            </a>
                        </div>
                        <div class="p_img mt10">
                            <img width="220px" src="../images/index/g2.jpg" alt="">
                        </div>
                    </div>
                    <div class="item_child">
                        <div class="child_tit">
                            <a href="javascript:;">
                                <i>
                                    爱车一族
                                </i>
                                自驾游说走就走
                            </a>
                        </div>
                        <div class="p_img mt10">
                            <img width="220px" src="../images/index/g3.jpg" alt="">
                        </div>
                    </div>
                    <div class="item_child">
                        <div class="child_tit">
                            <a href="javascript:;">
                                <i>
                                    厨房管理员
                                </i>
                                健康从点滴开始
                            </a>
                        </div>
                        <div class="p_img mt10">
                            <img width="220px" src="../images/index/g4.jpg" alt="">
                        </div>
                    </div>
                    <div class="line"></div>
                </div>

            </div>
            <div class="moule_item">
                <div class="div_tit">
                    <div class="title_t">运动鞋包</div>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                </div>
                <div class="div_cont">
                    <div class="left_img">
                        <img width="195px" src="../images/index/second_21.jpg" alt="">
                        <div class="p_info">
                            <div class="p_name">疯抢2018元神券</div>
                            <div class="p_desc">iPhone X 12期免息限量抢</div>
                        </div>

                    </div>
                    <ul class="four_list">
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p2.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p1.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p3.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p2.jpg" width="120px" alt="">
                            </a>
                        </li>
                    </ul>
                    <ul class="three_list">
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p1.jpg" alt="">
                        </li>
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p2.jpg" alt="">
                        </li>
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p3.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="moule_item">
                <div class="div_tit">
                    <div class="title_t">运动鞋包</div>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                    <a href="javascript:;" class="no_unl">
                        跑步鞋
                    </a>
                </div>
                <div class="div_cont">
                    <div class="left_img">
                        <img width="195px" src="../images/index/second_21.jpg" alt="">
                        <div class="p_info">
                            <div class="p_name">疯抢2018元神券</div>
                            <div class="p_desc">iPhone X 12期免息限量抢</div>
                        </div>

                    </div>
                    <ul class="four_list">
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p1.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p3.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p1.jpg" width="120px" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="p_name">Mate10 Pro限量抢购</div>
                                <div class="p_desc">华为爆款最高省600</div>
                                <img src="../images/index/p2.jpg" width="120px" alt="">
                            </a>
                        </li>
                    </ul>
                    <ul class="three_list">
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p1.jpg" alt="">
                        </li>
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p2.jpg" alt="">
                        </li>
                        <li>
                            <a href="javascript:;" class="no_unl">
                                <div class="three_name">
                                    Mate10 Pro限量抢购
                                </div>
                                <div class="three_desc">
                                    华为爆款最高省600
                                </div>
                            </a>
                            <img width="80px" src="../images/index/p3.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="product lc w1200">
            <div class="product_item">
                <div class="product_tit">
                    <h5>特卖</h5>
                    <p>更多特卖<i class="iconfont icon-xiangyou"></i></p>
                </div>
                <div class="product_cont">
                    <ul>
                        <li class="cont_first">
                            <div class="cont_name">
                                新年心愿单
                            </div>
                            <div class="cont_desc">
                                满269减50,满999减100
                            </div>
                            <div class="cont_img">
                                <img src="../images/index/aa1.jpg" width="160px" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="cont_name">
                                高美高 时尚皮具
                            </div>
                            <div class="cont_desc">
                                满269减50
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa2.jpg" width="90px" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="cont_name">
                                HW 节日好礼
                            </div>
                            <div class="cont_desc">
                                满999减100
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa3.jpg" width="90px" alt="">

                            </div>
                        </li>
                        <li>
                            <div class="cont_name">
                                Ms.Maggie 冬季时尚
                            </div>
                            <div class="cont_desc">
                                满199减100
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa4.jpg" width="90px" alt="">

                            </div>
                        </li>
                        <li>
                            <div class="cont_name">
                                阿迪达斯 领跑时尚
                            </div>
                            <div class="cont_desc">
                                满269减50
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa5.jpg" width="90px" alt="">

                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="product_item">
                <div class="product_tit" style="background:#e66a07;">
                    <h5>新品</h5>
                    <p>更多新品<i class="iconfont icon-xiangyou"></i></p>
                </div>
                <div class="product_cont">
                    <ul>
                        <li class="cont_bord">
                            <div class="cont_name">
                                魅蓝S6新品开售享好礼
                            </div>
                            <div class="cont_desc">
                                直降300元
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/p1.jpg" width="90px" alt="">

                            </div>
                        </li>
                        <li class="cont_bord">
                            <div class="cont_name">
                                新Nokia6
                            </div>
                            <div class="cont_desc">
                                返200元云券
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/p2.jpg" width="90px" alt="">

                            </div>
                        </li>
                        <li class="cont_bord">
                            <div class="cont_name">
                                三星爆款
                            </div>
                            <div class="cont_desc">
                                最高省700
                            </div>
                            <div class="cont_img mg">

                                <img src="../images/index/p3.jpg" width="90px" alt="">
                            </div>
                        </li>
                        <li class="cont_bord">
                            <div class="cont_name">
                                品质年货 预售会场
                            </div>
                            <div class="cont_desc">
                                1分抵50
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa6.png" width="90px" alt="">

                            </div>
                        </li>
                        <li class="cont_bord">
                            <div class="cont_name">
                                直邮专场 拔草更放心
                            </div>
                            <div class="cont_desc">
                                后套装629元
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa7.png" width="90px" alt="">

                            </div>
                        </li>
                        <li class="cont_bord">
                            <div class="cont_name">
                                阿迪达斯 领跑时尚
                            </div>
                            <div class="cont_desc">
                                满269减50
                            </div>
                            <div class="cont_img mg">
                                <img src="../images/index/aa8.png" width="90px" alt="">

                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="product_item">
                <div class="product_tit" style="background:#b62323">
                    <h5>排行榜</h5>
                    <p>精品风向标<i class="iconfont icon-xiangyou"></i></p>
                </div>
                <div class="product_cont">
                    <div class="com_item com_top">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t1.jpg" width="100px" alt="">
                                <i class="img_one">1</i>
                            </div>
                            <div class="com_name">
                                志高嵌入式电陶炉家用双头双灶镶嵌式电磁炉双眼光波炉特价正品 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>
                    <div class="com_item com_top">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t2.jpg" width="100px" alt="">
                                <i class="img_two">2</i>
                            </div>
                            <div class="com_name">
                                Galanz/格兰仕 G80F23CN3LN-Q6(WO) 家用微波炉 光波炉 烤箱一体 手机远程操控 一级能效 低至599 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>
                    <div class="com_item com_top">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t3.jpg" width="100px" alt="">
                                <i class="img_three">3</i>
                            </div>
                            <div class="com_name">
                                Ordro/欧达 Z20 数码摄像机支持wifi 高清广角专业家用商务婚庆DV 可加热靴索尼影像2400万1080P 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>
                    <div class="com_item">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t4.jpg" width="100px" alt="">
                                <i class="img_four">4</i>
                            </div>
                            <div class="com_name">
                                苏泊尔火红点近无油烟不粘锅炒锅家用炒菜锅平底锅具电磁炉通用 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>
                    <div class="com_item">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t5.jpg" width="100px" alt="">
                                <i class="img_five">5</i>
                            </div>
                            <div class="com_name">
                                艾依美儿个性北欧沙发组合小户型简约现代布艺沙发客厅时尚皮沙发 弧线设计 全底可见 中软坐感 个性时尚 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>
                    <div class="com_item">
                        <a href="javascript:;">
                            <div class="com_img">
                                <img src="../images/index/t6.jpg" width="100px" alt="">
                                <i class="img_six">6</i>
                            </div>
                            <div class="com_name">
                                北极绒记忆枕头枕芯单人慢回弹太空记忆枕头学生枕头成人护颈椎枕 热销40万件 舒适护颈 清仓 买二减五 不挑锅可烧烤 三环猛火 嵌入式双灶
                            </div>
                            <div class="com_price">
                                ¥488.00
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <div class="column lc w1200 mt30">
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    商创生鲜
                </div>
                <p class="col_desc">年货带回家 满199减60</p>
                <div class="col_img">
                    <img src="../images/index/s1.png" width="170px" alt="">
                </div>
            </div>
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    商创众筹
                </div>
                <p class="col_desc">备孕优孕检测仪</p>
                <div class="col_img">
                    <img src="../images/index/s2.png" width="170px" alt="">
                </div>
            </div>
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    智能生活
                </div>
                <p class="col_desc">智能爆款29.9元起</p>
                <div class="col_img">
                    <img src="../images/index/s3.png" width="170px" alt="">
                </div>
            </div>
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    企业采购季
                </div>
                <p class="col_desc">生活电器最高减900元</p>
                <div class="col_img">
                    <img src="../images/index/s4.png" width="170px" alt="">
                </div>
            </div>
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    二手优品
                </div>
                <p class="col_desc">iPhone 7P 12期免息</p>
                <div class="col_img">
                    <img src="../images/index/s5.png" width="170px" alt="">
                </div>
            </div>
            <div class="column_item">
                <span class="c_line"></span>
                <span class="c_line c_line2"></span>
                <div class="col_tit">
                    领券中心
                </div>
                <p class="col_desc">抢1000元电脑券</p>
                <div class="col_img">
                    <img src="../images/index/s6.png" width="170px" alt="">
                </div>
            </div>
        </div>
        <div class="hot lc w1200 mt30">
            <ul>

            </ul>
        </div>


        <div class="floor">
            <div>
                <a href="javascript:;">超级品牌</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">秒杀活动</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">尖货盛典</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">发现好货</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">测试楼层</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">商创特卖</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">活动专区</a>

                <i class="sj"></i>
            </div>
            <div>
                <a href="javascript:;">还没逛够</a>

                <i class="sj"></i>
            </div>
            <div class="back_top">
                <a href="javascript:;">TOP</a>

                <i class="sj"></i>
            </div>
        </div>

        <div class="sk_nav">
            <div class="w1200 sk_cont">
                <div class="sk_left" style="position:relative;">
                    <a href="javascript:;">全部商品分类</a>
                </div>
                <div class="sk_cen">
                    <input type="text">
                    <div class="search_goods">搜商品</div>
                    <div class="search_shop">搜店铺</div>
                </div>
                <div class="sk_right">
                    <div class="login_and">
                        <a href="./login.html" class="nl">登录</a>
                        <span class="nl">|</span>
                        <a href="" class="nl">注册</a>
                        <span class="lyes">1raOit-77035</span>
                    </div>
                    <i class="iconfont icon-gouwuche gwc"></i>
                    <span class="goods_num">0</span>
                </div>
            </div>

        </div>


    </div>
    <div class="footer">
        <!-- 底部七天包退那行 -->
        <div class="footer_top">
            <!-- 版心 -->
            <div class="footer_top_banner">
                <!-- 左边七天包退到权威荣誉 -->
                <ul>
                    <li>
                        <i class="spirit_pic1"></i>
                        <span>七天包退</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic2"></i>
                        <span>正品保障</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic3"></i>
                        <span>好评如潮</span>
                    </li>

                    <li>
                        <i class="spirit_pic1 spirit_pic4"></i>
                        <span>闪电发货</span>
                    </li>
                    <li>
                        <i class="spirit_pic1 spirit_pic5"></i>
                        <span>权威荣誉</span>
                    </li>
                </ul>
                <!-- 电话咨询客服 -->
                <div>
                    <div class="tel_pic">
                        <i class="spirit_pic1 spirit_pic6"></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="counsel_pic">
                        <i class="spirit_pic1 spirit_pic7"></i>
                        <span> <a href="#">客服咨询</a> </span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部中间新手上路 -->
        <div class="footer_con">
            <!-- 中间的版心 -->
            <div class="footer_con_banner">
                <!-- 新手上路到会员中心 -->
                <div class="help_list">
                    <!-- 新手上路 -->
                    <div class="help_item">
                        <h3>新手上路</h3>
                        <ul>
                            <li>
                                <a href="">
                                    售后流程
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    购物流程
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    订购方式
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 配送与支付 -->
                    <div class="help_item">
                        <h3>配从与支付</h3>
                        <ul>
                            <li>
                                <a href="">
                                    货到付款区域
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    配送支付智能查询
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    支付方式说明
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 服务保证 -->
                    <div class="help_item">
                        <h3>服务保证</h3>
                        <ul>
                            <li>
                                <a href="">
                                    退换货原则
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    售后服务保证
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    产品质量保证
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 练系我们 -->
                    <div class="help_item">
                        <h3>联系我们</h3>
                        <ul>
                            <li>
                                <a href="javascript:;">
                                    网站故障报告
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    选机咨询
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    投诉与建议
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- 会员中心 -->
                    <div class="help_item">
                        <h3>会员中心</h3>
                        <ul>
                            <li>
                                <a href="#">
                                    资金管理
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    我的收藏
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    我的订单
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 二维码 -->
                <div class="qr_code">
                    <!-- 左边第一个二维码 -->
                    <div class="first_code">
                        <div class="first_code_pic">
                            <img src="../images/icon/ecjia_qrcode.jpg " width="104px" height="104px">
                        </div>
                        <div class="code_text">
                            关注微信
                        </div>
                    </div>
                    <!-- 第二个二维码 -->
                    <div class="second_code">
                        <div class="first_code_pic">
                            <img src="../images/icon/ectouch_qrcode.jpg " width="104px" height="104px">
                        </div>
                        <div class="code_text">
                            下载APP
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部的最下面 -->
        <div class="footer_end">
            <p>
                <a href="#">首页</a>
                <span></span>
                <a href="#"> 隐私保护 </a>
                <span></span>
                <a href="#">联系我们 </a>
                <span></span>
                <a href="#">免责条款 </a>
                <span></span>
                <a href="#"> 公司简介 </a>
                <span></span>
                <a href="#"> 商家入驻 </a>
                <span></span>
                <a href="#"> 供应商入驻 </a>
                <span></span>
                <a href="#"> 意见反馈 </a>
            </p>
            <p>
                <a href="#">b2b2c </a>
                <span></span>
                <a href="#"> 多用户商城系统 </a>
                <span></span>
                <a href="#"> 商城系统 </a>
                <span></span>
                <a href="#"> ecjia新零售 </a>
            </p>
            <p>
                <i>ICP备案证书号:</i>
                <a href="#" id="a_deepcolor">沪ICP备14029880号-5</a>
            </p>
            <p><a href="#" id="a_deepcolor">
                    版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL
                </a>
            </p>
        </div>
    </div>

    <div class="aside_all">

        <!-- 左边黑色的部分 -->
        <div class="aside_left">
            <div class="aside">

                <ul>
                    <li id="top_li">
                        <div class="passhead">
                            <div class="arros_white"></div>
                            <div class="passhead_top">
                                <div class="pic_bor"> <img src="../images/index/touxiang.jpg" alt=""></div>
                                <span>用户名:暂无</span>
                                <span>级别:暂无</span>
                            </div>
                            <div class="passhead_end">
                                <a href="#" id="orderform">我的订单</a>
                                <a href="#" id="orderform">我的收藏</a>
                            </div>
                        </div>


                        <a href="#">
                            <div class="message"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" id="car_picture">

                            <div class="message1"></div>

                            <div class="span">
                                购物车
                            </div>
                            <div class="cart_num">0</div>

                        </a>
                    </li>
                    <li class="list_li">
                        <!-- 黑色小箭头 -->

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            我的订单
                        </div>
                        <a href="#">
                            <div class="message message2"></div>
                        </a>
                    </li>
                    <li class="list_li">

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            优惠券
                        </div>
                        <a href="#">
                            <div class="message message3"></div>
                        </a>
                    </li>
                    <li class="list_li">

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            我的资产
                        </div>
                        <a href="#">
                            <div class="message message4"></div>
                        </a>
                    </li>
                    <li class="list_li">

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            我的足迹
                        </div>
                        <a href="#">
                            <div class="message message5"></div>
                        </a>
                    </li>
                    <li class="list_li">

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            我的收藏
                        </div>
                        <a href="#">
                            <div class="message message6"></div>
                        </a>
                    </li>
                    <li class="list_li">

                        <div class="black_nav">
                            <div class="black_arros"></div>
                            邮箱订阅
                        </div>
                        <a href="#">
                            <div class="message message7"></div>
                        </a>
                    </li>
                </ul>

                <!-- 底部的测边框-->
                <div class="aside_foot">

                    <ul>
                        <li class="list_li">

                            <div class="black_nav">
                                <div class="black_arros"></div>
                                客服中心
                            </div>
                            <a href="#">
                                <div class="message message8"></div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="message message9"></div>
                            </a>
                        </li>
                    </ul>


                </div>



            </div>
        </div>
        <!-- 右边的空白购物车部分 -->
        <div class="aside_right">

            <div class="ibar_plugin_title">
                购物车
                <button class="but_close"></button>
            </div>
            <!-- 商品部分 -->
            <div class="panel_content">
                <!-- 没商品时会出现 -->
                <div class="no_shopping">
                    <img src="../images/index/cart-nogoods.png" alt="">
                    <div class="font_shop">
                        购物车空空的，赶快去挑选心仪的商品吧~<br>
                        <a href="#"><span>去首页看看</span></a>
                    </div>
                </div>
            </div>

            <!-- 最下面的结算 -->
            <div class="last_money">
                <!-- 商品数量 -->
                <span>共<span>0</span>件商品</span>
                <!-- 商品价格 -->
                <span class="font_red">¥ <i>0.00</i> </span>
                <!-- 去购物车结算 -->
                <a href="./cart.html" class="close_money">
                    去购物车结算
                </a>
            </div>
        </div>
    </div>

    <script src="../js/shopData.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/public.js"></script>

</body>

</html>